DAY14 進入CSS!! CSS的基本介紹6~~

今天我們要來講上一篇的後續，也就是構成CSS為每個HTML建構的矩形的最後一部份--框線(border)
框線基本上不太會像留白與邊界一樣具有一定的面積，比較多的是設定顏色,樣式以及粗細，接下來就讓
我們學習如何設置框線的屬性吧~~~

-框線樣式:
猶如留白及邊界一樣，用法是border-style: 上框線樣式 右框線樣式 下框線樣式 左框線樣式，中間以空白
隔開，樣式有例如:實線(solid),虛線(dashed),點線(dotted)等，但通常框線部分我們上下左右會使用同樣的樣 式，所以我們也可以使用border-style:樣式，這樣就會套用到四個位置的框線~
重點:由於當我們沒有設置框線樣式的屬性時，預設的值為無樣式(none)，所以我們如果要設置框線顏色
或是框線粗細時，要先設置好框線樣式為其他樣式喔!!! 否則設定另外兩個值也會看不到~~

-框線顏色:
設置顏色屬性的用法是border-color:顏色，這樣會同時套用到四個邊的框線，如果想要四個邊不同的顏色的
話，可以參考上面的第一種用法~~，跟之前設定顏色一樣，也能設置為rgb值或是十六進位制喔!!

-框線粗細:
用法是border-width:細(thin),中(medium),粗(thick)其中一種，也能直接設定想要的粗度，雖然英文上看
起來是寬度，但就像我上面講的一樣，我更習慣用粗度來形容，以免搞混~~

接下來是我們該如何設置每個html元素在瀏覽器上的大小呢? 就是使用width(寬度)與height(高度)，
用法是width/height:長度OR百分比，百分比就是寬度或長度佔畫面的比例~~
我們也可以用一樣的方法來設定最大與最小寬度及高度(min/max-width/height)，意思就是當使用者縮小或放大
視窗時，元素呈現的最小與最大的大小。
但是當元素的內容超過元素的最大值，則可能導致部分內容溢出，所以這邊教一個小撇步，就是為元素添加
overflow:scroll這條屬性，這樣子會讓元素旁邊出現可以使用屬標或是滑鼠滾輪拖動的軸，無論有沒有溢出都
可以使用喔~~~

今天的課程就到這邊~ 明天開始會講CSS的定位方式!!